<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>bar</title>
    <style>
        .navbar{
            margin-bottom: 10px;
            background-color: #FFFFFF;
            box-shadow: 0 0 1em #eee;
            height:55px;
            line-height: 55px;
        }
        .sticky-top{
            top:0;
            z-index: 1020;
        }
        .navbar-expand-lg{
            flex-flow: row nowrap;
            justify-self: flex-start;
        }
    </style>
</head>
<body>
<!--前端公共部分头部-->
<div id="header" style="position: fixed;top:0;width:100%;height:55px;z-index: 999">
    <nav class="navbar sticky-top navbar-expand-lg">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="col-sm-6">
                        <span style="font-size: 25px;font-weight: 600"><i><a href="http://localhost:8080/iStudy/" title="点击进入网站主页">iStudy</a></i></span>
                    </div>
                    <div class="col-sm-6 login" style="text-align: right">
                        <div th:if="${userInfo}==null">
                            <button type="button" class="btn btn-primary glyphicon glyphicon-user" data-toggle="modal" data-target="#myModal">
                                登录
                            </button>
                        </div>
                        <div th:if="${userInfo}!=null">
                            <div class="dropdown">
                                <button type="button" class="btn dropdown-toggle btn-primary" id="dropDownMenu1" data-toggle="dropdown">
                                    欢迎您，[(${userInfo.name})]
                                </button>
                                <ul class="dropdown-menu" style="right: 0;left:unset" role="menu" aria-labelledby="dropDownMenu1">
                                    <li role="presentation">
                                        <a th:href="@{personalCenter}" title="点击进入个人中心" style="color:#000;font-weight: 700">
                                            个人中心
                                        </a>
                                    </li>
                                    <li role="presentation">
                                        <a href="javascript:void(0)" onclick="loginOut()" title="点击进入个人中心" style="color:#000;font-weight: 700">
                                            退出账号
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
</div>
<!--前端公共部分尾部-->
<div th:if="${courses.size() > 8}" class="jumbotron text-center" id="footer" style="margin-bottom:0;background-color:rgb(245,246,247);">
    <span class="span" style="color:#000;">Copyright &copy wuzhiming</span>
</div>
<div th:if="${courses.size() < 8}" class="jumbotron text-center" id="footer" style="margin-bottom:0;background-color:rgb(245,246,247);position: fixed;bottom:0;width:100%;z-index: 999">
    <span class="span" style="color:#000;">Copyright &copy wuzhiming</span>
</div>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="common/js/sweetalert.min.js"></script>
</body>
<!-- Main Font -->
<script src="front/js/libs/webfontloader.min.js"></script>

</html>